/**
 * Tables
 */

// Table expands to full width of containing element
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}

// Extra border underneath header
thead th {
  border-bottom: 2px solid $border-color;
}

// Extra border above footer
tfoot th {
  border-top: 2px solid $border-color;
}

td {
  border-bottom: 1px solid $border-color;
}

th,
td {
  text-align: left;
  padding: 0.5rem;
}

caption {
  padding: $padding 0;
  caption-side: bottom;
  color: $caption;
}

.striped-table tbody tr:nth-child(odd) {
  background-color: $stripes;
}

// Container for responsive tables
.contain-table {
  overflow-x: auto;
}

@include small-breakpoint {
  .contain-table {
    width: 100%;
  }
}
